<template>
  <div>
    Count组件
    <p>count的值为:{{count}}</p>
    <button @click="count++">+1</button>
  </div>
</template>

<script>
export default {
  //自定义属性 props 允许使用者为当前组件指定初始值
  // 自定义属性的名字是封装者自己起的 只要名称合法就行
  // props 中的数据 可以直接在模板结构中使用
  // 注意 props的值是只读的，不要直接修改props的值，否则会报错。
  // props:['init'],
  // 数组格式的props无法设置一些初始值，导致用户在不传入值的时候，props中的属性值为undefined
  props:{
    init:{
      // 如果没有传入init属性，就会使用default的值
      default:0,
      //使用type 规定 init的值类型 必须是Number类型
      type:Number,
      // 必填项校验
      // required:true
    }
  },

  data(){
    return{
      // 将 init的值 转交给 count
      count:this.init
    }
  },
}
</script>

<style lang="less">

</style>